//<![CDATA[
(function ($) {
'use strict';
$.fn.menuSlide = function (options) {
var settings = $.extend({
'menu': ('#menu'),
'push': ('.push'),
'menuWidth': '14em',
'speed': '300'
}, options);

var menuLink = this,
menu = $(settings.menu),
push = $(settings.push),
width = settings.menuWidth;

var positionOffScreen = {
'position': 'absolute',
'margin-top': '21px',
'left': '-16em',
'width': settings.menuWidth,
'height': '20.4%'
};

var animateSlide = {
'-webkit-transition': 'left ' + settings.speed + 'ms ease',
'-moz-transition': 'left ' + settings.speed + 'ms ease',
'-ms-transition': 'left ' + settings.speed + 'ms ease',
'-o-transition': 'left ' + settings.speed + 'ms ease',
'transition': 'left ' + settings.speed + 'ms ease'
};

menu.css(positionOffScreen);

menuLink.on('click.menuSlide', function () {

menu.css(animateSlide);
push.css(animateSlide);

menu.toggleClass('slide');
push.toggleClass('slide');

if (menu.hasClass('slide') === true) {
menu.css('left', '-32px');
} else {
menu.css('left', '-16em');
}

if (push.hasClass('slide') === true) {
push.css('left', width);
} else {
push.css('left', '32px');
}
return false;
});
};
}(jQuery));

$(document).ready(function () {
$('.menu-link').menuSlide();
});
//]]>